<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
	<head>
		<link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico" media="screen" />
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<jsp:include page="title.jsp"></jsp:include>
		<link href="css/portal_css.css" rel="stylesheet" type="text/css" />
		<script src="js/jquery-1.js" type="text/javascript"></script>
		<script src="js/jquery_002.js" type="text/javascript"></script>
		<script src="js/Jquery.js" type="text/javascript"></script>
		<script type="text/javascript">
			var os=navigator.platform.toLowerCase();
			var uant=navigator.userAgent.toLowerCase();
			if(uant.indexOf("android")>0||os=="iphone"){
				location.href="news_mobile";
			}
			function onload(){
				var more=$("#more").val();
				if(more!="1"){
					$("#articlemore").hide();
				}
				var qyimg=$("#qyimg").val();
				if(qyimg!=""){
					$("#qyclick").css("background-image","url('"+qyimg+"')");
					$("#qyclick").addClass("jsqy");
				}
				var fimg=$("#firstimg").val();
				if(fimg!=""){
					$("#toparticle").css("background-image","url('"+fimg+"')");
				}
				$("img").addClass("click");
				$("#qyclick").addClass("click");
				$("#toparticle").addClass("click");
			}
			$(function(){
				$("#qyclick").click(function(){
					var qyid=$("#qyid").val();
					if(qyid!=""){
						window.open("news_detail?id="+qyid);
					}
				});
				$("#toparticle").click(function(){
					var fid=$("#firstid").val();
					if(fid!=""){
						window.open("news_detail?id="+fid);
					}
				});
			});
		</script>
	</head>
	<body onload="onload()">
		<script src="js/easydialog.min.js" type="text/javascript"></script>
		<script type="text/javascript">
    var ww_top = $(window).width();
    var hh_top = $(window).height();
//    function showweixin() {
//        var top = $("#imageweixin").offset().top;
//        var toppx = (parseInt(top) + 33)
//        $("#weixindiv").css("top", "" + toppx + "px");
//        
//        $('#weixindiv').show();
//    }
    function hideweixin() {
        $('#weixindiv').hide()
    }
    function texiao() {
        var m = $(".menu");
    }
    $(
        function () {
            window.onresize = topc;
            topc();
            hh_top = $(window).height();
            
            $('.menu').hover(function () {
                $('.span1', this).stop().css({ "height": "2px", "top": "" + (parseInt(hh_top * 0.087 / 2) + 14) + "px" });
                $('.span1', this).animate({
                    top: "" + parseInt(hh_top * 0.087) - 2 + "px"
                }, 500);
            }, function () {
                $('.span1', this).stop().animate({
                    top: "" + (parseInt(hh_top * 0.087 / 2) + 14) + "px",
                    height: '0'
                }, 0);
            });
        }
    )
</script>
		<script type="text/javascript">
    $(document).ready(function () {
        loadpage();
    })
    function sjbgclick() {
       var rmb = $("#userName").val();//getCookie("bigdata_pcuserid");
        if (rmb!=""&&rmb != null) {
            location.href = "loginSub";
        }
        else {
            ShowLogin();
            changeImage();
            $('#sjbg').val(1)
        }
    }
    function showmore(){
		var index=$("#index").val();
		$.ajax({
			url:"newsmore?"+Math.random(),
			type:"get",
			contentType:"application/json",
    		dataType : 'json',
			data:{index:index},
			success:function(msg){
				var more=msg.more;
				if(more!="1"){
					$("#articlemore").hide();
				}
				else{
					index=parseInt(index)+1;
					$("#index").val(index);
				}
				var arts = msg.articleList;
				var articlePath=msg.atriclePath;
				for(var i=0;i<arts.length;i++){
					var html="<div id=\"toparticle"+arts[i].item_id+"\" class=\"articlelist newsdiv\"><div class=\"em20\"></div><div class=\"articlejianjie\"><div class=\"articleimg\"><img src=\""+articlePath+"/"+arts[i].pic+"\" onclick=\"window.open('news_detail?id="+arts[i].item_id+"')\" style=\"width:100%;height:100%\" class=\"click\"/></div><div class=\"articlejg\"></div><div class=\"articlexq\"><div class=\"em25  widthall lineh25 font20 click\" onclick=\"window.open('news_detail?id="+arts[i].item_id+"')\">"+arts[i].item_title+"</div><div class=\"em5 widthall\"></div><div class=\"em25 widthall\"></div><div class=\"em20 widthall\"></div><div class=\"em30 gray  widthall lineh30\">"+arts[i].item_desc+"<a class=\"newsdetail\" href=\"news_detail?id="+arts[i].item_id+"\" target=\"_blank\">[详情]</a></div><div class=\"em5 widthall\"></div><div class=\"em30 gray  widthall lineh30\">"+arts[i].date+"</div><div style=\"clear:both\"></div></div></div></div><div class=\"jiange\" style=\"width:100%\"></div>";
					$("#newslist").append(html);
				}
			}
		});
	}
    </script>
		<jsp:include page="portalHead.jsp"></jsp:include>

		
		<div style="clear:both"></div>
		<div id="divcontent" style="background-color:#efefef;margin:auto">
			<div style="float:left;width:12.5%;height:150px"></div>
			<div id="wenzhanglist" style="float:left;width:50%">
				<div class="jiange" style="width:100%"></div>
				<div id="toparticle" style="width:100%;background-color:#fff">
					<input type="hidden" value="${img}" id="firstimg"/>
					<input type="hidden" value="${fid}" id="firstid"/>
					<div class="widthall em530"></div>
					<div class="firsttitle em60 click lineh60"><span class="font30 toumingwenzi">${ftitle}</span></div>
				</div>
				<div class="jiange" style="width:100%"></div>
				<div class="widthall" id="newslist">
					${divlist}
				</div>
				
				<div id="articlemore" class="articlemore newsdiv" onclick="showmore()">
					查看更多
					<input type="hidden" id="more" value="${more}"/>
					<input type="hidden" id="index" value="${index}"/>
				</div>
			</div>
			<div style="float:left;width:1.6%;height:150px"></div>
			<div id="titlelist" style="float:left;width:23.4%">
				<div class="jiange" style="width:100%"></div>
				<div class="titlelist newsdiv jsqy" style="position:relative;z-index:1">
					<div class="titleheader jsqyhead">
						<div class="widthall">
							<div class="headcenter" >
								<div class="floatleft font25">技术前沿</div>
								<div class="floatright click font16" style="position:relative;z-index:10">全部</div>
								<input type="hidden" id="qyimg" value="${qianyan.pic}"/> 
								<input type="hidden" id="qyid" value="${qianyan.item_id}"/> 
							</div>
						</div>
					</div>
					<div id="qyclick" class="widthall">
						<div class="widthall em320"></div>
						<div class="widthall qytitle" style="height:2.625em;line-height:2.625em;">
							<div class="click"><span class="font20 toumingwenzi">${qianyan.item_title}</span></div>
						</div>
					</div>
				</div>
				<div class="jiange" style="width:100%"></div>
				<div class="titlelist newsdiv">
					<div class="titleheader">
						<div class="leftcolor"></div>
						<div class="righttitle">
							<div class="headcenter">
								<div class="floatleft font25">行业应用</div>
								<div class="floatright click font16">全部</div>
							</div>
						</div>
					</div>
					<c:forEach items="${hangye}" var="hangye">
						<div class="rightnewscontent">
							<div class="rightlistin">
								<div class="em20 widthall"></div>
								<div class="em30 widthall">
									<div class="click" onclick="window.open('news_detail?id=${hangye.item_id}')"><span class="font20">${hangye.item_title }</span></div>
								</div>
								<div class="em10 widthall"></div>
								<div class="em20 widthall gray">
									${hangye.item_desc}&nbsp;<a class="newsdetail" href="news_detail?id=${hangye.item_id}" target="_blank">详情</a>
								</div>
								<div class="em10 widthall"></div>
								<div class="em20 widthall gray">
									${hangye.date}
								</div>
								<div class="em10 widthall"></div>
							</div>
						</div>
					</c:forEach>
				</div>
				<div class="jiange" style="width:100%"></div>
				<div class="titlelist newsdiv">
					<div class="titleheader">
						<div class="leftcolor"></div>
						<div class="righttitle">
							<div class="headcenter">
								<div class="floatleft font25">方案介绍</div>
								<div class="floatright click font16">全部</div>
							</div>
						</div>
					</div>
					<c:forEach items="${fangan}" var="fangan">
						<div class="rightnewscontent">
							<div class="rightlistin">
								<div class="em20 widthall"></div>
								<div class="em30 widthall">
									<div class="click" onclick="window.open('news_detail?id=${fangan.item_id}')"><span class="font20">${fangan.item_title }</span></div>
								</div>
								<div class="em10 widthall"></div>
								<div class="em20 widthall gray">
									${fangan.item_desc}&nbsp;<a class="newsdetail" href="news_detail?id=${fangan.item_id}" target="_blank">详情</a>
								</div>
								<div class="em10 widthall"></div>
								<div class="em20 widthall gray">
									${fangan.date}
								</div>
								<div class="em10 widthall"></div>
							</div>
						</div>
					</c:forEach>
				</div>
				<div class="jiange" style="width:100%"></div>
				<div class="titleranking newsdiv">
					<div class="titleheader">
						<div class="leftcolor"></div>
						<div class="righttitle">
							<div class="headcenter">
								<div class="floatleft font25">热点排行</div>
								<div class="floatright click font16">全部</div>
								<div style="clear:both"></div>
							</div>
						</div>
					</div>
					<c:forEach items="${hotlist}" var="hotlist">
						<div class="rightlistcontent">
							<div class="rightlistin">
								<div class="floatleft font20">
									<a class="gray" href="news_detail?id=${hotlist.item_id}" target="_blank">${hotlist.item_title}</a>
								</div>
								<div class="floatright font20 gray">${hotlist.date}</div>
							</div>
						</div>
					</c:forEach>
				</div>
			</div>
			<div style="float:left;width:12.5%;height:150px"></div>
			<div style="clear:both"></div>
			<div class="jiange" style="width:100%"></div>
		</div>
		<div style="clear:both"></div>
		
		<jsp:include page="footer.jsp"></jsp:include>

	<input type="hidden" value="${userName}" id="userName" />
	</body>
</html>